import Tap from '../../component/detection/taps'
import './index.scss'
import Table from '../../component/detection/table'
import { CaretLeftOutlined, CaretRightOutlined } from '@ant-design/icons'
import Tables from '../../component/detection/ttable'
import Tan from '../../component/detection/Tanchuang'
const App = () => {
  return (
    <>
    <div className='person_bg'>
      <h3>个人中心</h3>
      <div className='person_z'>
        <div className='person_q'>
          <Tap />
        </div>
        <div className='person_a'>
          {/* <p>*老师薪资通过工资卡发放,请到设置界面填写卡片信息<span>去填写</span></p> */}
          <hr />

          <div className='person_g'>
            <div className='person_w'>

              <div className='person_rr'>
                <CaretLeftOutlined />
                <h3>2019-12</h3>
                <CaretRightOutlined />
              </div>

              <div className='person_h'>
                <span className='person_color'>应发薪资:10500元</span>
                <span>测评课:50节</span>
                <span>正式课:105节</span>
                <span>课时薪资:10500</span>
                <span>奖惩:0</span>
              </div>

            </div>

            <div className='person_s'>
              <div className='person_ws'>
                <Table />
              </div>
              

              <div className='person_qw'>

                <div className='person_as'>
                  <span>奖惩</span>
                  <div><Tan/></div>
                </div>

                <div className='person_zx'>
                  <Tables/>
                </div>

              </div>

            </div>
          </div>

          <div>

          </div>

        </div>
      </div>

      </div>
    </>
  )
}
export default App